
:root {
    --q-border-color: #f1f1f1;
    --q-border-th-color: rgb(221, 221, 221);
    --t-treelist-height: 48px;
  }
.t-tree-list-container {
  position: relative;
  // display: inline-block;

  .cmdColumn_btngroup {

    .t-button {
      min-width: auto;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .q-btn-dropdown {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }

  .linkColum {
    .cellLinkHref {
      cursor: pointer;
      // color: var(--color, rgba(0, 126, 234, 0.8)) !important;
    }
  }
  .enumColumn {
    display: block;
    .fasEnumcol {
      display: inline-flex;
      border-radius: 12px;
      text-align: center;
      // color: red; /*去掉这个默认值，避免污染*/
      align-items: center;
      justify-content: center;
      // line-height: 12px;
    }
    .fasEnumcolIcon {
      margin-right: 7px;
    }
  }

  .dx-treelist {
    .dx-row-lines > td {
      border-color: var(--q-border-color);
    }
  }

   /** 固定列的边框 */
  &.t-tree-list-fixed-column-left-border {
    .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none{
        border-left: 2px var(--q-border-color) solid;
      }
  }
  &.t-tree-list-fixed-column-right-border {
    .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none{
      border-right: 2px var(--q-border-color) solid;
    }
  }
  /** 固定列的边框 */

  div.dx-treelist-headers {
    table.dx-treelist-table {
      tbody {

        tr.dx-row.dx-column-lines:last-child > td {
          border-bottom-width: 0px;
        }

        tr.dx-column-lines.dx-header-row > td {
          vertical-align: middle;
          height: var(--t-treelist-dynamic-row-height, --t-treelist-height);

          // border-left-color: transparent;
          // border-right-color: transparent;
          border-left-color: var(--t-dg-th-bg);
          border-right-color: var(--t-dg-th-bg);

          background-color: var(--t-dg-th-bg);
          color: #0000008f;
        }

        tr.dx-column-lines.dx-header-row:hover > td{
          border-left-color: var(--q-border-th-color);
          border-right-color: var(--q-border-th-color);
        }

        tr.dx-column-lines.dx-treelist-filter-row > td {

        }
      }
    }
  }

  div.dx-treelist-rowsview {
    table.dx-treelist-table {
      tbody {
        tr.dx-column-lines > td {
          // border-left-color: transparent;
          // border-right-color: transparent;
          border-left-color: white;
          border-right-color: white;
          vertical-align: middle;
          height: var(--t-treelist-dynamic-row-height, --t-treelist-height);

        }
      }

      .dx-selection.dx-row:not(.dx-row-focused)>td{
        background-color: var(--t-color-selected);
        border-right-color: var(--t-color-selected);
        border-left-color: var(--t-color-selected);
      }

      .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused)>td:not(.dx-focused){
        background-color: var(--t-dg-hover);
        border-right-color: var(--t-dg-hover);
        border-left-color: var(--t-dg-hover);
      }
    }

    &.dx-scrollable > div.dx-scrollable-wrapper {

      .dx-scrollbar-horizontal,
      .dx-scrollbar-horizontal .dx-scrollable-scroll{
        height: 15px;
      }
    }
  }

  .no-data-placeholder-container {
    position: absolute;
    top: 0;
    bottom: 0; /*inset: 0px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 150px;
    height: 150px;
  }

  .dx-treelist-cell-expandable .dx-treelist-empty-space span{
    /*已处理移动端展开图标不显示*/
    font-family: DXIcons !important;
  }

  .dx-treelist-container{
    color: rgba(0, 0, 0, var(--t-color-opacity, 0.8));
  }
}
